import React from'react'
import userImg from  "../../assets/icon/签到.png"
import editImg from "../../assets/icon/编辑.png"

class Nav extends React.Component{
    render(){
        console.log(this.props.userInfo)
        return(
            
            <div className="nav">
                <div className="nav_top">
                    <div className="nav_top_left">
                        <div className="img_box">
                             <img src={this.props.userInfo.avatarUrl} />
                        </div>
                        <div className="usna">
                            <p>{this.props.userInfo.nickname}</p>
                            <span>Lv.8</span>
                        </div>
                    </div>
                    <div className="nav_top_right">
                         <img src={userImg}/>
                         <b>签到</b>
                    </div>
                </div>

                <div className="nav_center">
                    <div className="lis">
                        <div>
                            <strong>{this.props.userInfo.eventCount}</strong>
                            <p className="tx">动态</p>
                        </div>
                        <div>
                        <strong>{this.props.userInfo.follows}</strong>
                            <p className="tx">关注</p> 
                        </div>
                        <div>
                        <strong>{this.props.userInfo.followeds}</strong>
                            <p className="tx">粉丝</p> 
                        </div>
                        <div>
                        <img src={editImg}/>
                            <p className="tx">编辑资料</p>

                        </div>
                    </div>
                </div>

                <div className="nav_bottom">
                <div className="nav_bottom_left">
                    <b className="vip" >开通黑胶VIP</b>
                </div>

                <div className="nav_bottom_right">
                    <p className="enjoy">尊享豪华特权</p>
                    <div className="buy">
                    <p className="t">领红包购会员></p>
                    </div> 
                </div>
                </div>
            </div>//nav结束
        )
    }
}
export default Nav

